<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8" isELIgnored="false" %>
<%@ include file="/views/common/resources.jsp" %>  
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%> 
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>

<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"+ request.getServerName() + ":" + request.getServerPort()+ path + "/";
%>      
<!DOCTYPE html>
<html>
<head>
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

     <link href="<%=basePath %>resources/js/common/plugin/bootstrap/css/bootstrap.css" rel="stylesheet">
    <link href="<%=basePath %>resources/js/common/plugin/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
    <link href="<%=basePath %>resources/js/common/plugin/My97DatePicker/skin/WdatePicker.css" rel="stylesheet">
<%-- 	<link href="<%=basePath %>resources/js/common/plugin/select2/css/select2.min.css" rel="stylesheet" /> --%>
	<link href="<%=basePath %>resources/js/common/plugin/flexigrid/flexigrid.css" rel="stylesheet" />
	<link href="<%=basePath %>resources/css/common.css" rel="stylesheet">
    <link href="<%=basePath %>resources/css/style.css" rel="stylesheet">
    <link href="<%=basePath %>resources/css/report.css" rel="stylesheet">
	
<%-- 	<script src="<%=basePath %>resources/js/common/plugin/jquery/jquery.min.js"></script> --%>
<%-- 	<script src="<%=basePath %>resources/js/common/plugin/select2/js/select2.min.js"></script> --%>
    <script src="<%=basePath %>resources/js/common/plugin/echarts/echarts.min.js"></script>
    <script src="<%=basePath %>resources/js/common/plugin/bootstrap/js/bootstrap.js"></script>
    <script src="<%=basePath %>resources/js/common/plugin/My97DatePicker/WdatePicker.js"></script>
    <script src="<%=basePath %>resources/js/common/plugin/flexigrid/flexigrid.js"></script>
    
    <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=d782d52560e7b77e0d764b1496c60dde"></script>
    
    
<title>报警分析</title>
<style>
	.plateNum{
		bottom: 380px;
    	left: 0px;
    	zoom: 1;
    	position: relative;
    	width:200px;
    	height:40px;
	}
	.bolderstyle{
		border-left: 1px solid #dfdddd;
    	border-top: 1px solid #dfdddd;
    	border-bottom: 1px solid #dfdddd;
    
    	border-right: 1px solid #dfdddd;
    	padding: 6px;
    	background: #fff;
    	
    	font-size:14px;
    	line-height:28px;
    	text-align:center;
	}
	.night-chart-list{
		height:300px;
	}
	.night-chart-bar{
		width:100%;height:100%;/* border-right: 1px dashed #dfdddd; */
	}
	#inputStartDate,#inputEndDate{
		margin-left:0;
	}
	#queryBtn{
		margin-right:20px;
	}
	
</style>
</head>
<script type="text/javascript">
var appCtx="<%=basePath%>";
var flag ='${flag}';
</script>
<body class="driving">
<div class="page">
	<div class="slider pa clearfix">
        <%@ include file="/views/common/menu.jsp" %> 
    </div>
    <div class="main ">
        <%@ include file="/views/common/top.jsp" %>
        <div class="content pr" style="margin-top:-45px;clear:both;">
	        <div class="tabsHead">
				<ul class="clearfix">
					<li class="fl pr active">
						<div class="overFloeHidden">平台报警</div>
					</li>
					<li class="fl pr">
						<div class="overFloeHidden">业户报警</div>
					</li>
					<li class="fl pr">
						<div class="overFloeHidden">车辆报警</div>
					</li>
					<li class="fl pr">
						<div class="overFloeHidden">司机报警</div>
					</li>
				</ul>
			</div>
	        
            	<div class="querys fl clearfix" style="margin-left: 0px;width: 100%;margin-top:10px">
					<div class="clearfix pr">
						<ul class="clearfix fl">
							<li class="fl clearfix mt10" style='margin-right:15px'>
								<select class="userInput fl" id="queryPlatformSel" style="display: none;"></select> 
								<select class="userInput fl" id="queryEnterpriseSel" style="display: none;"></select> 
								<div style="display: none;"><select class="userInput fl" id="queryVehicleSel"></select></div> 
								<select class="userInput fl" id="queryDriverSel" style="display: none;"></select> 
							</li>
<!-- 							<li class="fl clearfix mt10"> -->
<!-- 								<label class="userLabel fl">起止时间:</label> -->
<!-- 							</li> -->
							<li class="fl clearfix mt10" >
								<input type="text" id="inputStartDate" style="height: 24px;" class="userInput fl Wdate Time_input" 
								onclick="WdatePicker({dateFmt:'yyyy-MM-dd',maxDate:'#F{$dp.$D(\'inputEndDate\')}'})">
							</li>
							<li class="fl clearfix mt10">
								<label style="width: 30px; height: 26px;line-height: 24px;text-align:center">至</label>
							</li>
							<li class="fl clearfix mt10" >
								<input type="text" id="inputEndDate" style="height: 24px;" class="userInput fl Wdate Time_input" 
								onclick="WdatePicker({dateFmt:'yyyy-MM-dd',minDate:'#F{$dp.$D(\'inputStartDate\')}'})">
							</li>
							<li class="fl clearfix mt10">
								<a class="userBtn" href="javascript:;" id="queryBtn" style="top: 20px;margin-left:80px;right: 200px;">查询</a>
							</li>
							<li class="fl clearfix mt10">
								<a class="userBtn" href="javascript:;" id="exportExcel" style="top: 20px; right: 200px;margin-left:0;;display: none;">导出</a>
							</li>
						</ul>
					</div>
				</div>
            
            <div id="chartDiv" class="chart row-fluid " style="margin-top:20px;">
                <div class="span6 night-chart-list chart-bar">
                	<div id="barChart" class="night-chart-bar"></div>
                </div>
                <div class="span6 night-chart-list chart-bar">
                	<div id="lineChart" class="night-chart-bar"></div>
                </div> 
            </div>
            <div class="row-fluid">
            
                <div class="span12 night-chart-list chart-line" id="chartMillage2">
                
                <div class="title-name" style="padding-left: 0px;margin-top: 5px;"><p>下级平台报警明细</p></div>
		            <div class="detail-report" style="margin-top:10px;">
		                <table class="table" id="objTable">
		                </table>
            		</div>
                </div>
            </div>
        </div>
    </div>
</div>
     <!-- 图片弹框 -->
<div id="pictureModal" class="modal hide fade" data-backdrop="static"
		             style="left: 45%; width:600px;height:400px;top: 15%;" aria-hidden="false" tabindex="-1"
		             data-backdrop="static">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h4 id="modalTitle">图片展示</h4>
        </div>
        <div class="modal-body" style="vertical-align: middle;height:320px;">
        	<div id="container"  style="width:570px;height:295px;position:absolute;overflow:auto;">
				<img id="largeImgage" style="width:100%;height:auto;" src="">
				<span id = "msg" >无图片/视频记录</span>
			</div>
        </div>
        <div class="modal-footer">
            <button class="btn btn-ecColor" data-dismiss="modal" aria-hidden="true">关闭</button>
            <!-- <button class="btn btn-ecColor" id="enlarge" name="enlarge">放大</button> -->
        </div>
</div>
<!-- 视频弹框 -->
<div id="vedioModal" class="modal hide fade" data-backdrop="static"
		             style="left: 45%; width:600px;height:400px;top: 15%;" aria-hidden="false" tabindex="-1"
		             data-backdrop="static">
       <div class="modal-header">
           <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
           <h4>视频展示</h4>
       </div>
       <div class="modal-body" style="vertical-align: middle;height:320px;">
		<video id="showVedio" src="" controls="controls" width="565px" height="280px">
			<!-- <source src="/example/html5/mov_bbb.mp4" type="video/mp4" /> -->
		</video>
       </div>
       <div class="modal-footer">
           <button class="btn btn-ecColor" data-dismiss="modal" aria-hidden="true">关闭</button>
       </div>
</div>

<script src="<%=basePath %>resources/js/common/main/HashMap.js"></script>
<script src="<%=basePath %>resources/js/common/main/global.js"></script>
<script src="<%=basePath %>resources/js/common/main/nav.js"></script>
<script src="<%=basePath %>resources/js/common/main/mapToop.js"></script>
<script src="<%=basePath %>resources/js/common/util/common.js"></script>
<script src="<%=basePath %>resources/js/business/report/alarmSynAnalysis.js"></script>
</body>
</html>